<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name       : Condition
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20100103
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>&Oacute;rdenes de servicio</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/style-css.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/buttons-css.css" />
<link type="text/css" rel="stylesheet" media="screen" href="/static/menu-css.css" />
<script type="text/javascript" src="/static/jquery.js"></script>
<script type="text/javascript" src="/static/funciones.js"></script>
<script type="text/javascript" src="/static/ordenes.js"></script>
</head>
    <body onLoad="main()" style="height: 100%;">
<div id="wrapper">
	<div id="logo">
            <table border="0" width="100%" style="height: 100%">
                <tr>
                    <td width="70%">
                        <div style="margin-top: -30px;">
                            <h1>Hardware Performance&reg;</h1>
                            <p style="font-size: 15px;color: #FFFFFF;"><em>Centro de Servicio en Computaci&oacute;n e Internet</em></p>
                        </div>
                    </td>
                    <td align="right">
                        <div style="margin-top: 25px;">
                            <table border="0">
                                <tr>
                                    <td colspan="1" align="center">
                                        {% if admin %}
                                        <img src="/static/images/content/admin.png" width="110" height="110" alt="{{usuario}}" />
                                        {% endif %}
                                        {% if basic %}
                                        <img src="/static/images/content/basic.png" width="100" height="90" alt="{{usuario}}" />
                                        {% endif %}
                                    </td>
                                    <td>
                                        <h3 style="color: white;text-align: right;font-size: 16px;font-weight: bold">&iexcl;Hola {{ usuario }}!</h3>
                                        {% if admin %}
                                        <p style="color: white;text-align: right;font-size: 13px;font-style:italic;">Usuario Administrador</p>
                                        {% endif %}
                                        {% if basic %}
                                        <p style="color: white;text-align: right;font-size: 13px;font-style:italic;">Usuario B&aacute;sico</p>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <a href="/logout" >
                                            <input type="button" value="" class="btn_logout"/>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
	</div>
	<hr />
	<!-- end #logo -->
	<div id="header">
		<div id="menu">
                    {% if admin %}
                    <div class="menu">
                        <ul>
                            <li><a href="/inicio">Inicio</a></li>
                            <li><a href="/facturas">Facturas</a>
                                <ul><li><a href="/consultafacturas">Consulta</a></li></ul>
                            </li>
                            <li><a id="current" href="/ordenes">&Oacute;rdenes</a>
                                <ul><li><a href="/consultaordenes">Consulta</a></li></ul>
                            </li>
                            <li><a href="/usuarios">Usuarios</a></li>
                        </ul>
                    </div>
                    {% endif %}
                    {% if basic %}
                    <div class="menu">
                        <ul>
                            <li><a href="/inicio">Inicio</a></li>
                            <li><a id="current" href="/facturas">Facturas</a>
                                <ul><li><a href="/consultafacturas">Consulta</a></li></ul>
                            </li>
                            <li><a href="/ordenes">&Oacute;rdenes</a>
                                <ul><li><a href="/consultaordenes">Consulta</a></li></ul>
                            </li>
                        </ul>
                    </div>
                    {% endif %}
		</div>
		<!-- end #menu -->
		<div id="search">
			<p id="fecha1"></p>
		</div>
		<!-- end #search -->
	</div>
	<!-- end #header -->
	<!-- end #header-wrapper -->
	<div id="page">
	<div id="page-bgtop">
		<div id="content">
			<div class="post">
                            <h2 class="title"><a href="#">Nueva orden de servicio</a></h2>                            
                            {% if exito %}
                            <p class="meta" style="color: red;font-size: 12px">Orden registrada exitosamente!</p>
                            {% endif %}
                            {% if errorCx %}
                            <p class="meta" style="color: red;font-size: 12px">Error de conexi&oacute;n</p>
                            {% endif %}
                            <div class="entry">
                                <form id="laforma" action="/ordenar/" method="post" >{% csrf_token %}
                                    <div id="div_entradaOrden">
                                       <table border="0" id="cliente">
                                            <tr><td>no. de orden:</td><td><input type="text" name="folio" readonly="readonly" id="orden" value="{{numorden}}"/></td><td><p id="orden_alert"></p></td></tr>
                                            <tr><td>Fecha:</td><td><input readonly="readonly" type="text" name="fecha" id="fecha" /></td><td id="fecha_alert"></td></tr>
                                            <tr><td>Nombre(s):</td><td><input type="text" name="nombre" id="nombre" /></td><td id="nombre_alert"></td></tr>
                                            <tr><td>Apellido paterno:</td><td><input type="text" name="paterno" id="paterno" /></td><td id="paterno_alert"></td></tr>
                                            <tr><td>Apellido materno:</td><td><input type="text" name="materno" id="materno" /></td><td id="materno_alert"></td></tr>
                                            <tr><td>Direcci&oacute;n:</td><td><input type="text" name="direccion" id="direccion" /></td><td id="direccion_alert"></td></tr>
                                            <tr><td>C.P.:</td><td><input maxlength="5" type="text" name="cp" id="cp" /></td><td id="cp_alert"></td></tr>
                                            <tr><td>Tel&eacute;fono:</td><td><input type="text" name="telefono" id="telefono" /></td><td id="telefono_alert"></td></tr> 

<tr><td>Descripci&oacute;n del equipo:</td><td><textarea cols="40" rows="6" name="descripcion" id="descripcion"></textarea></td><td id="descripcion_alert"></td></tr> 

<tr><td>Descripci&oacute;n de la falla:</td><td><textarea cols="40" rows="6" name="descripcion_falla" id="descripcion_falla"></textarea></td><td id="descripcion_falla_alert"></td></tr> 

<tr><td>Cambio de pieza(s):</td><td><select name="cambio_piezas" id="cambio_piezas">
<option value="Si">S&iacute;</option>
<option value="No">No</option>
</select></td><td id="cambio_piezas_alert"></td></tr> 

<tr><td>Autorizaci&oacute;n:</td><td><input type="text" readonly="readonly" value="{{usuario}}" name="autorizacion" id="autorizacion"/></td><td id="autorizacion_alert"></td></tr> 

<tr><td>Cotizaci&oacute;n:</td><td><input type="text" name="cotizacion" id="cotizacion" /></td><td id="cotizacion_alert"></td></tr> 
                                            
                                        </table> 
                                        
                                        <input type="button" id="confirma" onclick="valida()" value="Enviar"/>
                                    </div>
                                    <div id="confirmacion">
                                        <h2>Continuar con la orden?</h2>
                                            <table border="1" style="border-color: khaki;border-style: outset">
                                                <tr>
                                                    <td colspan="6" style="
                                                        height: 15px;
                                                        background-color: khaki;
                                                        font-size: 15px;
                                                        font-weight: bold;
                                                        text-align: center;">
                                                        Datos del Cliente
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Nombre
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="nombrex"
                                                        ></td>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Paterno
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="paternox"
                                                        ></td>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Materno
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="maternox"
                                                        ></td>
                                                </tr>
                                                <tr>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Direcci&oacute;n
                                                    </td>
                                                    <td colspan="3" style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="direccionx"
                                                        ></td>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        CP
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="cpx"
                                                        ></td>
                                                </tr>
                                                <tr>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Tel&eacute;fono(s)
                                                    </td>
                                                    <td colspan="3" style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="telefonox"
                                                        ></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="6" style="
                                                        height: 15px;
                                                        background-color: khaki;
                                                        font-size: 15px;
                                                        font-weight: bold;
                                                        text-align: center;">
                                                        Informaci&oacute;n de la orden
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        no. de orden
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        color: brown;
                                                        font-weight: bold;
                                                        font-style: normal;
                                                        font-size: 14px;"
                                                        id="ordenx"
                                                        ></td>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Fecha
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="fechax"
                                                        ></td>
                                                </tr>
                                                
                                                <tr>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Descripci&oacute;n del equipo
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="descripcionx"
                                                        ></td>  
													<td style="
	                                                        width: 75px;
	                                                        height: 15px;
	                                                        text-align: center;
	                                                        background-color: lavender;
	                                                        font-weight: bold;
	                                                        font-size: 15px;">
	                                                        Descripci&oacute;n de la falla
	                                                    </td>
	                                                <td style="
	                                                        width: 150px;
	                                                        height: 15px;
	                                                        text-align: center;
	                                                        font-size: 15px;"
	                                                        id="descripcionfallax"
	                                                        ></td>
															<td style="
			                                                        width: 75px;
			                                                        height: 15px;
			                                                        text-align: center;
			                                                        background-color: lavender;
			                                                        font-weight: bold;
			                                                        font-size: 15px;">
			                                                        Cambio de pieza(s)
			                                                    </td>
			                                                <td style="
			                                                        width: 150px;
			                                                        height: 15px;
			                                                        text-align: center;
			                                                        font-size: 15px;"
			                                                        id="cambiopiezasx"
			                                                        ></td>
                                                </tr>
                                                <tr>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Autorizaci&oacute;n
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="autorizacionx"
                                                        ></td>
                                                    <td style="
                                                        width: 75px;
                                                        height: 15px;
                                                        text-align: center;
                                                        background-color: lavender;
                                                        font-weight: bold;
                                                        font-size: 15px;">
                                                        Cotizaci&oacute;n
                                                    </td>
                                                    <td style="
                                                        width: 150px;
                                                        height: 15px;
                                                        text-align: center;
                                                        font-size: 15px;"
                                                        id="cotizacionx"
                                                        ></td>
                                                    
                                                </tr>
                                                
                                                <tr>
                                                    <td colspan="6" align="center">
                                                        <input type="button" id="cancelar" onclick="cancela()" value="Cancelar"/>
                                                        <input type="submit" id="continuar" value="Continuar"/>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                    </div>
                                        
                                </form>
                                <p>&nbsp;</p>
                            </div>
			</div>
		</div>
		<!-- end #content -->
		<div id="sidebar">
			<ul>
                            <li>
                                <h2>Avisos Importantes</h2>
                                <ul>
                                    <li><a href="#">Pol&iacute;ticas</a></li>
                                    <li><a href="#">Contacto</a></li>
                                    <li><a href="#">Ubicaci&oacute;n</a></li>
                                    <li><a href="#">Promociones</a></li>
                                </ul>
                            </li>
                            <li>
                                <h2>&nbsp;</h2>
                                <p>&nbsp;</p>
                            </li>
			</ul>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	</div>
	<!-- end #page -->
	<div id="footer-bgcontent">
	<div id="footer">
		<p>Copyright (c) 2011 hard-performance.com. All rights reserved. Elaborado por <a href="#">Amigos F.C.</a></p>
	</div>
	</div>
	<!-- end #footer -->
</div>
</body>
</html>
